@charset "UTF-8";

body {
	background-color: #f7f7f7;
}

h2,
h3,
h4 {
	text-align: center;
}

h1 {
	text-indent: -999px;
	float: left;
	margin: 0;
	font-size: 12px;
}

/*reset css*/
.izl-rmenu {
	margin-right: 0;
	width: 82px;
	position: fixed;
	right: 2px;
	top: 65%;
	-webkit-box-shadow: #DDD 0px 1px 5px;
	-moz-box-shadow: #DDD 0px 1px 5px;
	box-shadow: #DDD 0px 1px 5px;
	z-index: 999;
}

a#float-login {
	position: fixed;
	right: 0px;
	width: 25px;
	z-index: 2;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	background: #428bca;
	border-radius: 10px 0 0 10px;
	transition: all 0.6s;
	text-decoration: none;
}

a#float-login:hover {
	transform: scale(1.1);
}

.izl-rmenu .consult {
	background-image: url(../images/consult_icon.gif);
	background-repeat: no-repeat;
	background-position: center -77px;
	display: block;
	height: 76px;
	width: 82px;
}

.izl-rmenu .consult .phone {
	background-color: #f7f7ff;
	position: absolute;
	width: 160px;
	left: -160px;
	top: 0px;
	line-height: 73px;
	color: #000;
	font-size: 18px;
	text-align: center;
	display: none;
	box-shadow: #DDD -1px 1px 4px;
}

.izl-rmenu a.consult:hover .phone {
	display: inline !important;
}

.izl-rmenu .cart {
	background-image: url(../images/consult_icon.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
	height: 16px;
	width: 16px;
	font-size: 12px;
	line-height: 16px;
	color: #45BDFF;
	text-align: center;
	padding-top: 15px;
	padding-right: 34px;
	padding-bottom: 47px;
	padding-left: 48px;
}

.izl-rmenu a.cart:hover .pic {
	display: block;
}

.izl-rmenu .btn_top {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 39px;
	width: 82px;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.izl-rmenu .cart .pic {
	display: none;
	position: absolute;
	left: -124px;
	top: 65px;
	width: 160px;
	height: 160px;
	background: url(../images/weixin.jpg);
	background-repeat: no-repeat;
}

#udesk-feedback-tab {
	position: fixed;
	right: 2px;
	top: 65%;
	margin-top: -76px;
	-webkit-box-shadow: #DDD 0px -1px 5px;
	-moz-box-shadow: #DDD 0px -1px 5px;
	box-shadow: #DDD 0px -1px 5px;
	cursor: pointer;
	background-image: url(../images/consult_icon.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 76px;
	width: 82px;
	background-color: #FFF !important;
	z-index: 999;
}

.udesk-feedback-tab-left,
.izl-rmenu {
	opacity: 0.9;
}

.tanniu {
	padding: 10px 60px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	background: #2c2f34;
	margin-top: 40px;
}

a:hover {
	text-decoration: none;
}

.floatDivBoxs ul,
ol {
	list-style: none;
	++++
}

.floatDivBoxs img {
	border: none;
	outline: none;
}

.rightArrow a {
	color: #666;
	text-decoration: none;
	outline: none;
}

.rightArrow a:hover {
	color: #e8431f;
}

.banner_img>img {
	height: 500px !important;
}

.row h2.text-center a {
	color: #d24d57;
}

.row h2.text-center a:hover {
	color: #a40000;
}

header {
	margin-bottom: 10px;
}

header .header-top {
	background: #d24d57;
}

header .header-top p {
	color: #fff;
	margin-bottom: 0;
	font-size: 15px;
	line-height: 43px;
}

header .login {
	/* background-color: #000000; */
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 0px;
	width: 120px;
	height: 100%;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

header .login a {
	font-size: 15px;
	color: snow;


}

header .login a:hover {
	color: lightgrey;

}

header .login img {
	margin-left: 0px;
	padding-left: 0px;
	width: 32px;
	/* height: 38px; */
}

header .header-top form .form-group {
	position: relative;
}

header .header-top form .form-group i {
	position: absolute;
	top: 8px;
	right: 11px;
	color: #05aec7;
	font-size: 16px;
}

/*导航*/
.navbar-form {
	margin-top: 5px;
	margin-bottom: 0;
	border: none;
}

header .navbar {
	margin-bottom: 0;
}


header nav .nav li a {
	color: #000;
}

header nav .nav li a:hover {
	background: #fff;
	color: #428bca;
	border-bottom: solid #428bca 2px;
}

header nav .nav .active {
	border-bottom: solid #D24D57 2px;
	color: #D24D57;
}

header nav .logo {
	/* margin-top: 10px; */
	/* width: 200px; */
	width: auto;
	height: 100%;
	padding: 0;
}

.banner div img {
	margin: auto;
	width: 100%;

	display: block;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	line-height: 1;
	height: 332px;
}


.profuile {
	padding-bottom: 80px;
	padding-top: 60px;
}

.profuile embed {
	width: 100%;
	border: solid #eee 1px;
}

.profuile h2 {
	padding-bottom: 20px;
	font-weight: bold;
	color: #71716f;
}

.profuile img {
	width: 100%;
}

.profuile h6 {
	border-bottom: solid 3px #3884c0;
	width: 50px;
	margin-top: 13px;
	margin-bottom: 13px;
}

.pr_rongyv {
	padding: 20px 0 40px 0;
	background: #f2f2f2;
}

.pr_rongyv h2 {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 600;
}

.pr_rongyv h3 {
	font-size: 18px;
	color: #626262;
}

.pr_rongyv p {
	color: #626262;
	width: 87%;
	margin-left: 24px;
}

.profuile p {
	font-size: 14px;
	margin-bottom: 0;
	line-height: 2em;
	color: #4c4944;
}

.profuile p a {
	padding: 10px 60px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	background: #2c2f34;
	margin-top: 40px;
}

.profuile p a:hover {
	text-decoration: none;
	background: #000;
}

.products {
	background: #2c2f34;
	padding-top: 30px;
	padding-bottom: 40px;
	text-align: center;
}

.products #myTabContent {
	text-align: center;
}

.products #myTabContent p {
	margin-top: 10px;
	font-size: 13px;
}

.products #myTabContent img {
	height: 235px;
}

.products h2 {
	color: #9ba5af;
	font-weight: bold;
	margin-bottom: 20px;
}

.products h2 a {
	color: #9ba5af;
}

.products ul {
	text-align: center;
	border-bottom: solid 2px #26292e;
	margin-bottom: 30px;
}

.products ul li {
	float: none;
	display: inline-block;
}

.products ul li a {
	padding: 10px 30px;
	color: #c5d0df;
}

.products .nav>li>a:hover {
	color: #000;
}

.products #myTabContent div a {
	color: #e2e2e2;
	display: block;
	margin-bottom: 20px;
}

.products #myTabContent div a:hover {
	text-decoration: none;
	color: #fff;
}

.products #myTabContent div a img {
	width: 100%;
	border-radius: 3px;
	opacity: 0.5;
}

.products #myTabContent div a p {
	margin-bottom: 0;
	margin-top: 4px;
}

.products #myTabContent div a .products-pmbb {
	border-bottom: solid #909090 1px;
	padding-bottom: 10px;
}

.products div p a {
	border: solid #909090 1px;
	border-radius: 5px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	color: #eee;
	text-align: center;
	text-decoration: none;
	margin-top: 15px;
	font-size: 14px;
}

.products div p a:hover {
	border: solid #fff 1px;
	color: #fff;
}

.about {
	padding-top: 30px;
	padding-bottom: 40px;
}

.about ul li {
	list-style: none;
	text-align: left;
	/*padding-left: 40px;*/
}

.about_form .hrs {
	width: 5%;
	height: 3px;
	margin: 20px auto;
	background: #3884c0;
}

.about li p {
	font-size: 15px;
}

.about .about_title {
	background: #3884c0;
	color: #fff;
}

.about .about_p {
	padding-top: 11px;
	padding-bottom: 11px;
}

.about .aboutry .about-aj {
	position: relative;
}

.about .aboutry .about-aj img {
	width: 100%;
	height: 130px;
	border: solid 1px #000;
	margin-bottom: 10px;
	border-radius: 3px;
}

.about .aboutry .about-aj .about-ji {
	position: absolute;
	display: inline-block;
	background: #000;
	opacity: 0;
	z-index: 999;
	width: 165px;
	height: 130px;
	top: 0;
	color: #fff;
	line-height: 91px;
	text-align: center;
}

.about .aboutry .about-aj .about-ji:hover {
	opacity: 0.5;
	font-weight: bold;
}

.about .aboutwh img {
	width: 100%;
	height: 220px;
	-webkit-transition: All 0.4s;
}

.about .aboutwh img:hover {
	-webkit-transform: translate(0, -10px);
}

.about p {
	font-size: 14px;
}

.about ul li {
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 15px;
}

.about h2 a {
	color: #000;
	font-weight: bold;
}

.about h2 a:hover {
	color: #3984c0;
}

.about h3 a {
	color: #000;
	padding-top: 10px;
}

.about h3 a:hover {
	color: #3984c0;
}

.about_form {
	padding-top: 25px;
	background: url("http://1.rc.xiniu.com/rc/Contents/29122/images/LYbg.png?d=20170508094738839") no-repeat;
	background-size: 100% 100%;
	height: 550px;
}

.about_form h2 {
	margin: 0;
	height: 20px;
	line-height: 20px;
}

.about_form form {
	padding-top: 20px;
	width: 80%;
	height: 500px;
	margin: auto;
	background: #FFF;
}

.about_form ul {
	padding-left: 5%;
	padding-right: 5%;
}

.about_form ul li {
	list-style: none;
}

.about_form span {
	display: block;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size: 15px;
}

.about_form textarea {
	width: 100%;
	height: 100px;
	background: #eaeeef;
	border: none;
	margin-bottom: 10px;
}

.about_form input {
	width: 100%;
	height: 40px;
	padding-left: 10px;
	line-height: 40px;
	background: #eaeeef;
	border: none;
	box-sizing: border-box;
}

.about_form .about_form_submit {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40%;
	background: #3984c0;
	color: #fff;
	margin: auto;
}

.join {
	background: #fff;
	padding-top: 25px;
	padding-bottom: 20px;
}

.join h5 a {
	padding-left: 10px;
	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-left: solid #fff 4px;
}

.join span a {
	color: #d6d6d6;
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
}

.join img {
	width: 100%;
	/* height: 170px; */
	height: 160px;
	border-radius: 3px;
	/* opacity: 0.5; */
}

.join time {
	color: #000;
	font-weight: bold;
	font-family: "arial rounded mt bold";
	height: 35px;
	display: block;
	padding-top: 9px;
	padding-left: 10px;
}

.join .joina {
	background: #494d55;
	margin-left: 5px;
	margin-top: 10px;
	display: inline-block;
	color: #fff;
	border-radius: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90px;
	text-align: center;
}

.join .joina:hover {
	background: #466394;
	color: #fff;
}

.news {
	padding-top: 30px;
	padding-bottom: 40px;
}

.news div img {
	/* width: 100%;
    height: 258px;
    border-radius: 3px;
    -webkit-transition: All 0.4s; */
}

.news div img:hover {
	/* -webkit-transform: translate(0, -10px); */
}

.news p {
	color: #333;
}

.news .newsa {
	background: #3984c0;
	color: #fff;
}

.news .newsa:hover {
	background: #466394;
}

.news h2 {
	margin-bottom: 20px;
}

.news h2 a {
	color: #000;
	margin-bottom: 20px;
}

.news h4 a {
	color: #000;
	padding-top: 10px;
}

footer .login {
	/* background-color: #000000; */
	display: inline-block;
	position: absolute;
	right: 0px;
	width: 120px;
	height: 50px;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

footer .login a {
	font-size: 15px;
	color: snow;


}

footer .login img {
	margin-left: 0px;
	padding-left: 0px;
	width: 38px;
	height: 38px;
}

footer {
	margin-top: 20px;
	/*padding-top: 30px;
	padding-bottom: 40px;*/
	background: #3674a7;
}

footer .footer-top {
	color: #fff;
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: bold;
}

footer .footer-top a {
	color: #cacbc7;
	margin-left: 10px;
	margin-right: 10px;
}

footer .footer-top a:hover {
	color: #fff;
}

footer .footer-button {
	color: #ddd;
	text-align: left;
	/* padding-left: 70px; */
	font-weight: bold;
}

@media (max-width: 1200px) {

	.carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
		line-height: 1;
		/* height: 432px; */
	}

	.about_form form {
		height: 455px;
	}

	.banner_img>img {
		height: 400px !important;
	}

	.profuile p {
		font-size: 13px;
		margin-bottom: 0;
		line-height: 2em;
		color: #4c4944;
	}

	.profuile p a {
		margin-top: 20px;
	}

	.profuile img {
		width: 100%;
		margin-top: 66px;
	}

	.pr_rongyv {
		padding: 20px 0 40px 0;
		background: #f2f2f2;
	}

	.pr_rongyv h2 {
		margin-top: 10px;
		font-size: 20px;
		font-weight: 600;
	}

	.pr_rongyv h3 {
		font-size: 18px;
		color: #626262;
	}

	.pr_rongyv p {
		color: #626262;
		width: 100%;
		margin-left: 0;
	}

	.products #myTabContent div img {
		width: 221px;
		height: 177px;
	}

	.about .aboutry img {
		height: 100px;
	}

	.about .aboutwh img {
		height: 230px;
	}

	.about_form {
		height: 500px;
	}
}


.gjianjie img {
	width: 100%;
}

.gjianjie .img1 {
	height: 348px;
}

.gjianjie p {
	font-size: 16px;
	line-height: 25px;
	color: #333;
}

.gjianjie .gjianjie-jiesao {
	padding-top: 20px;
	padding-bottom: 30px;
}

.gjianjie h2 {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 600;
}

.gjianjie a {
	display: block;
}

.gjianjie a embed {
	width: 100%;
	border: solid #eee 1px;
}

#dituContent {
	margin-left: 5%;
	width: 40%;
	height: 400px;
	border: #ccc solid 1px;
	padding-left: 20px;
}

.fbwh img {
	width: 100%;
	height: inherit;
}

.falc img {
	width: 100%;
}

.falc ul {
	list-style: none;
}

.falc ul li {
	line-height: 2em;
	font-size: 15px;
}

.newsye {
	margin-top: 50px;
}

.newsye .col-md-4 {
	margin-bottom: 10px;
}

.newsye .col-md-4>a {
	display: block;
	-webkit-transition: all 0.5s;
}

.newsye .col-md-4>a:hover {
	-webkit-transform: scale(1.1);
}

.newsye .col-md-4>a img {
	-webkit-transition: all 0.5s;
	margin-bottom: 10px;
}

.newsye ul {
	list-style: none;
	border: #ccc 1px solid;
	background: #fff;
}

.newsye ul li a {
	display: block;
	padding: 10px 21px;
	color: #808080;
	v font-size: 16px;
	border-bottom: #eee solid 1px;
}

.newsye ul li a:hover {
	color: #3884c0;
}

.newsye a img {
	width: 100%;
	height: 180px;
	border-radius: 3px;
}

.newsye p a {
	display: inline-block;
	padding: 10px 15px;
	font-size: 14px;
	background: #3884c0;
	color: #fff;
	border-radius: 3px;
}

.newsye p a:hover {
	background: #1e5077;
}

.newsye .news a {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
}

.newsye .news a img {
	width: 100%;
	height: 220px;
}

.newsye .news p {
	font-size: 12px;
	font-family: arial;
}

@media (max-width: 1200px) {

	.newsye {
		text-align: center;
	}

	.newsye .pagination li a {
		/*padding: 6px 11px;*/
	}

	.gjianjie p {
		font-size: 14px;
		line-height: 21px;
		color: #333;
	}
}

.showOnPhone {
	display: none;
}


@media (max-width: 720px) {

	.showOnPhone {
		display: block;
	}

	.hiddenOnPhone {
		display: none;
	}

	html,
	body {
		overflow: hidden;
		overflow-y: auto;
	}

	.login {
		display: none !important;
	}

	.newsye {
		text-align: center;
	}

	.newsye .pagination li a {
		padding: 0 4px;
		font-size: 13px;
	}
}

.products-yemian .products-leul {
	border: solid 1px #d4d4d4;
	padding-top: 5px;
	border-radius: 3px;
}

.products-yemian .products-leul h3 {
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
}

.products-yemian .products-leul ul {
	padding-left: 15px;
	padding-right: 15px;
}

.products-yemian .products-leul ul li {
	line-height: 2em;
}

.products-yemian .products-leul ul li a {
	color: #999;
	font-size: 15px;
}

.products-yemian .products-leul ul li a:hover {
	color: #3884c0;
}

.products-yemian .products-leul .products-leli {
	line-height: 1.5em;
	border-top: solid 1px #e5e5e5;
	padding-top: 10px;
}

.products-yemian .products-leul .products-leli .Js-prod-a1 {
	color: #000;
	font-size: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.products-yemian .products-leul .products-leli .Js-prod-a1:hover {
	color: #3884c0;
}

.products-yemian a {
	text-decoration: none;
	cursor: pointer;
	display: block;
}

.products-yemian ul {
	list-style: none;
}

.products-yemian img {
	width: 100%;
	height: 195px;
}

.products-yemian strong {
	margin-top: 9px;
}

.products-yemian .products-aniu {
	display: inline-block;
	padding: 10px 15px;
	font-size: 14px;
	background: #3884c0;
	color: #fff;
	border-radius: 3px;
}

.products-yemian .products-aniu:hover {
	background: #1e5077;
	color: #fff;
	border-radius: 3px;
}

.products-yemian .products-border {
	display: block;
	border-radius: 2px;
	margin-bottom: 5px;
	overflow: hidden;
}

.products-yemian .products-border img {
	transition: all 0.6s;
}

.products-yemian .products-border:hover img {
	transform: scale(1.1);
}

@media (max-width: 1200px) {
	.products {
		text-align: center;
	}

	.profuile {
		padding-bottom: 66px;
		padding-top: 30px;
	}
}

@media (max-width: 720px) {


	.navbar-form {
		margin-top: 0;
		margin-bottom: 0;
		border: none;
	}

	.products-yemian {
		text-align: center;
	}

	.newsye .pagination li a {
		padding: 7px 14px;
		font-size: 13px;
	}

	.newsye .dinone {
		display: none;
	}

	.newsye span {
		text-align: center;
		display: block;
	}

	.about .aboutry .about-aj .about-ji {
		display: none;
	}

	.join_sul {
		display: none;
	}
}

.joinyemian h5 {
	font-size: 16px;
	font-weight: bold;
}

.joinyemian p {
	font-size: 15px;
	line-height: 2em;
	color: #898989;
}

.joinyemian img {
	width: 100%;
	cursor: pointer;
}

.joinyemian .join-banner img {
	width: 100%;
	height: inherit;
}

.joinyemian .join-banner ul {
	text-align: center;
	margin-top: -45px;
}

.joinyemian .join-banner ul li {
	display: inline-block;
	margin-left: 15px;
	cursor: pointer;
}

.joinyemian .join-banner ul li a {
	color: #9d8581;
	display: block;
	background: #eee;
	padding: 30px 37px;
	border-radius: 50%;
}

.joinyemian .join-banner ul li a:hover {
	background: #dbdfe6;
}

.joinyemian h3 {
	color: #000;
	position: relative;
	margin-bottom: 30px;
	text-align: center;
}

.joinyemian h3 i {
	font-weight: bold;
	font-size: 40px;
}

.joinyemian h3::before,
.joinyemian h3::after {
	content: "";
	display: block;
	width: 41%;
	height: 1px;
	position: absolute;
	top: 32px;
	background: #000;
}

.joinyemian h3::after {
	right: 0;
}

.joinyemian form {
	background: #f9f9f9;
	border-radius: 3px;
	/*padding: 50px;*/
	border: solid 1px #dadada;
	margin-bottom: 20px;
}

.joinyemian form .join-jine-inp10 {
	margin-left: 0;
}

.joinyemian form .input-txt1 {
	width: 336px;
	height: 35px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.joinyemian form label {
	width: 100px;
	float: left;
	color: #000;
	font-weight: bold;
	margin-right: 40px;
	text-align: right;
}

.joinyemian form span {
	font-size: 15px;
	/*margin-left: 30px;*/
}

.joinyemian form .join-jine input {
	width: 15px;
	height: 15px;
	margin-left: 50px;
}

.joinyemian form .join-inp-txt {
	width: 70%;
	height: 140px;
}

.joinyemian form p a {
	display: inline-block;
	border-radius: 5px;
	background: #ff8a47;
	padding: 10px 28px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	margin-top: 20px;
}

.joinyemian form p a:hover {
	background: #d64e00;
}

@media (max-width: 1200px) {
	.joinyemian p {
		line-height: 1.3em;
		font-size: 14px;
	}

	.joinyemian form span {
		font-size: 12px;
	}

	.joinyemian h3::before,
	.joinyemian h3::after {
		content: "";
		display: block;
		width: 37%;
		height: 1px;
		position: absolute;
		top: 32px;
		background: #000;
	}
}


@media (max-width: 1025px) {
	.products ul {
		margin-bottom: 40px;
	}

	.products ul li a {
		padding: 7px 21px;
	}

	.products div img {
		height: 160px;
	}

	.news div img {
		height: 200px;
	}

	.join img {
		height: 150px;
	}

	.dinone {
		display: none !important;
	}

	.tanniu {
		margin-top: 20px;
	}

	.products #myTabContent div a p {
		text-align: left;
	}

	.newsye .col-md-4 {
		text-align: left;
	}

	.joinyemian p {
		line-height: 1.5em;
	}

	.about .aboutry .about-aj {
		position: relative;
	}

	.about .aboutry .about-aj img {
		width: 100%;
		height: 130px;
		border: solid 1px #000;
		margin-bottom: 10px;
		border-radius: 3px;
	}

	.about .aboutry .about-aj .about-ji {
		position: absolute;
		display: inline-block;
		background: #000;
		opacity: 0;
		z-index: 999;
		width: 131px;
		height: 91px;
		top: 0;
		color: #fff;
		line-height: 91px;
		text-align: center;
	}

	.about .aboutry .about-aj .about-ji:hover {
		opacity: 0.5;
		font-weight: bold;
	}

	.products {
		text-align: left;
	}

	.about .aboutry .about-aj img {
		height: 91px;
	}

	#dituContent {
		width: 70%;
		height: auto;
		border: #ccc solid 1px;
		margin-top: 20px;
	}
}

@media (max-width: 970px) {

	.carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
		line-height: 1;
		height: 370px;
	}

	.news div img {
		height: 300px;
	}

	header .nav a {
		padding: 12px 10px;
		font-size: 12px;
	}

	.profuile p {
		text-align: center;
	}

	.profuile h6 {
		display: none;
	}

	.products #myTabContent img {
		width: 100%;
		height: inherit;
	}

	.about {
		text-align: center;
	}

	.about .aboutry img {
		width: 100%;
		height: 260px;
	}

	.about .aboutwh img {
		width: 100%;
		height: inherit;
	}
}


@media (max-width: 1024px) {
	.newsye ul {
		padding: 0;
	}

	.carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
		height: 375px;
	}

	.about ul li {
		padding-bottom: 5px;
	}

	.banner_img>img {
		height: 350px !important;
	}

	.gjianjie img {
		height: 338px;
	}

	.about_form {
		/*height: 390px;*/
	}
}


@media (max-width: 720px) {
	.banner_img>img {
		height: 190px !important;
	}

	.joinyemian form .nameSpan {
		display: block;
		padding-left: 10px;
		text-align: left;
	}

	.joinyemian form .input-txt1 {
		width: 200px;
	}

	.joinyemian .join-banner ul {
		margin: 0 auto;
		text-align: inherit;
	}

	.joinyemian .join-banner ul li {
		font-size: 12px;
		padding: 2px 5px;
	}

	.joinyemian h3::before,
	.joinyemian h3::after {
		content: "";
		display: block;
		width: 30%;
		height: 1px;
		position: absolute;
		top: 32px;
		background: #000;
	}

	.joinyemian form label {
		width: 100%;
		float: none;
		color: #000;
		font-weight: bold;
		margin-right: 40px;
		text-align: center;
	}

	.about_form {
		height: 564px;
	}

	.about_form form {
		height: 528px;
	}

	.tablepianqu {
		width: 100%;
		margin-left: 0;
	}

	#dituContent {
		width: 100%;
		height: 100%;
		margin-left: 0;
	}

	.about .row .aboutry .about-aj img {
		height: 233px;
	}

	.about ul {
		padding-left: 0;
	}

	.about ul li {
		padding-left: 0;
	}

	.products #myTabContent div p {
		text-align: center;
		font-size: 16px;
	}

	.products #myTabContent div img {
		height: 233px;
		margin-top: 20px;
	}

	.join img {
		/* height: 208px; */
		height: 10vh;
	}

	.join div time {
		height: 35px;
	}

	#dituContent {
		width: 100%;
		height: 283px;
		border: #ccc solid 1px;
	}
}

@media (max-width: 750px) {

	.carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
		line-height: 1;
		height: 188px;
	}

	.about .aboutwh img {
		height: 220px;
	}

	.aboutwh p {
		text-align: left;
	}

	.profuile .le {
		text-align: left;
	}

	.profuile .cen {
		text-align: center;
	}

	.join p {
		text-align: center;
	}

	.news .cen {
		text-align: center;
		margin-bottom: 20px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 20px;
	}

	.products #myTabContent div a p {
		text-align: center;
	}

	.produ p {
		text-align: center !important;
	}

	header ul li a {
		text-align: center;
	}

	header p {
		/* display: none; */
	}

	header .navbar-toggle {
		border: solid #000 1px;
	}

	header .navbar-toggle span {
		border-bottom: 1px #000 solid;
	}

	header .header-top .btn-default {
		width: 100%;
		background: #1e69a5;
		color: #fff;
		cursor: pointer;
		border-color: #1e69a5 !important;
	}

	.products img {
		display: block;
		margin: 0 auto;
	}

	.products p {
		width: 70%;
		margin: auto;
	}

	.profuile h6 {
		display: none;
	}

	.about .aboutry img {
		width: 100%;
		height: 111px;
	}

	/* 新增内容 */
	.collectionItem {

		margin-top: 10px;
		border-radius: 7px;
	}

	.join {
		margin-left: 10px !important;
		margin-right: 10px !important;
		margin-top: 40px;
	}

	.innerItem {
		padding-left: 3px;
		padding-right: 3px;
		margin: 2px;
	}
}

@media (max-width: 991px) {
	.joinyemian form .nameSpan {
		display: block;
		padding-left: 120px;
	}
}

/* 在以上基础之上,新增的css内容 */
h3.pici {
	color: #9ba5af;
	font-weight: bold;
}

@media (min-width: 1200px) {
	.products>.container {
		width: 95%;
		/* background-color: #05AEC7; */
		margin-left: 70px;
	}
}

/* 片区表单数据 */
th {
	text-align: left;
	color: #E6E6E6;
}

td {
	text-align: left;
	color: #E6E6E6;
}

[class^="tbshi"] {
	width: 20%;
}

[class^="tbshi"]:hover {
	color: #888888;
}

[class^="tbxian"]:hover {
	color: #888888;
}

caption {
	color: #E6E6E6;
}

.carousel-inner {
	overflow: hidden;
}

.join {
	margin-top: 50px;
	margin-bottom: 50px;
	border: 3px #9F2D2D solid;
	border-radius: 10px;
	position: relative;
}

body {
	overflow: -Scroll;
	overflow-x: hidden
}

.join h5 {
	width: 200px;
	background-color: #428bca;
	height: 50px;
	text-align: left;
	line-height: 50px;
	border-radius: 7px;
	position: absolute;
	top: -34px;
	left: 25px;
}

.collectionItem {
	/* margin: 5px; */
	margin-top: 20px;
	border-radius: 7px;
	/* margin-left: 12px; */
	/* padding-right: 12px; */
}

.innerItem {
	margin: 7px;
	border: 2px lightgray solid;
	border-radius: 7px;
}

/* @media screen and (max-width:767px ){
	.collectionItem {

		margin-top: 10px;
		border-radius: 7px;
	}
	.join {
		margin:10px !important;
		
	}
	.innerItem{
		margin: 3px;
	}
} */
p.more {
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	color: gray;
	position: absolute;
	top: 5%;
	right: 3%;
}

a.more {
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	color: gray;
	position: absolute;
	top: 5%;
	right: 3%;
}

.join .innerItem:hover {
	-webkit-transition: All 0.4s;
	-webkit-transform: translate(0, -10px);
}



.new-list-item img {
	display: block;
	/*这里的display：block，意思是块级元素：动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；*/
	/* max-height: 100px;	 */
}

/* 新闻列表内容 */
.newscontainer h5 {
	width: 200px;
	background-color: #428bca;
	height: 50px;
	text-align: left;
	line-height: 50px;
	border-radius: 7px;
	position: absolute;
	top: -68px;
	left: -35px;

	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-left: solid #fff 4px;
}

.newscontainer {
	position: relative;
}

.newscontainer2 {
	display: flex;
	justify-content: center;
}

.new-list {
	/* margin: 0 auto; */
}

.new-list-item {
	padding: 10px 0;
	border-bottom: 1px solid #eeeeee;
}

.new-list-item:first-child {
	padding-top: 0;
}

.new-list-item .title {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #444;
	line-height: 1.5;
	margin-bottom: 10px;
}

.new-list-item .title:hover {
	text-decoration: none;
	color: #428bca;
}

.new-list-item .info {
	color: #888;
}

.new-list-item img.img-responsive {
	border-radius: 7px;
}

.avatar {
	display: inline-block;
}

.avatar img {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	/* border-radius: 7px; */
}


/* 新闻列表内容END */

.tablepianqu {
	margin-left: 5%;
}

.pianqurow {
	position: relative;
}

a#pianqumore {
	top: -4%;
	right: 3%;
}


/* 新版首页的调整*/
nav.navbar {
	border-bottom: 6px solid #9d1515;
	padding-bottom: 0px;
	background-color: #428bca;
	/* padding-bottom: 2px; */
	border-radius: 0px;
}

.navbar-header {
	height: 100%;

}

.navbar .container {
	height: 100%;
}

header nav .nav li a {
	color: white;
	font-weight: bold;
	height: 100%;
	line-height: 12px;
	font-size: 18px;
}

header nav .nav .active {
	border-bottom: solid #fff 4px;
	color: #fff;
}

ul.nav.nav-tabs {
	display: flex;
	justify-content: space-between;
}

ul.dropdown-menu li.active a {
	color: whitesmoke !important;
}

ul.dropdown-menu li.active a:hover {
	background-color: #65a2ce;
	color: whitesmoke !important;
}


@media (max-width: 720px) {
	img.logo {
		display: block !important;
	}

	nav.navbar {
		background-image: url(../images/museumOnPhone2.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		-moz-background-size: 100% 100%;
	}

	header {
		/* margin-bottom: 0px; */
	}

	header nav .logo {
		/* margin-top: 10px; */
		/* width: 200px; */
		width: 80%;


	}

	.navbar .container {
		height: auto;
	}

	.header-blank {
		display: none;
	}

	.header-blank .container {
		/* height: 41px !important; */
	}

	img.biglogo {
		display: none;
		/* width: 65px !important;
		bottom: -39px !important;
		left: -1px !important; */
	}

	.header-blank img.font {
		width: 200px !important;
	}

	p#zyglpt {
		display: none;
		/* font-size: 18px !important;
		letter-spacing: 12px !important;
		margin-left: 92px !important;
		line-height: normal !important; */
	}
}

.header-blank {

	background-color: #fff;
	overflow: visible;

}

.header-blank .container {
	height: 72px;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}

nav.navbar {
	height: 50px;
}

img.biglogo {
	width: 80px;
	position: relative;
	bottom: -38px;
	left: -6px;
	z-index: 1;

}

.header-blank img.font {
	/* display: table-cell; */
	height: auto;
	width: 300px;
	margin-bottom: 5px;

	/* vertical-align: bottom; */
}

p#zyglpt {
	font-size: 23px;
	letter-spacing: 15px;
	color: white;
	margin-left: 90px;
	line-height: 45px;
}


/* 翻页栏的颜色 */

.pagination>.active>a {
	background-color: #428bca;
	border-color: #DDDDDD;
}

.pagination>.active>a:hover {
	background-color: #428bca;
	border-color: #DDDDDD;
}

.pagination>li>a {
	color: #428bca;
}

.pagination>li>a:hover {
	color: #2c387e;
}

/* 仿京东的搜索栏 */
.selector {
	margin-bottom: 15px;
	margin-top: 15px;
}

.selector .selectorbar {
	/* background-color: #05AEC7; */
	height: 45px;
	/* margin-bottom: 10px; */
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.selectorbar .tittlediv {
	width: 150px;
	height: 101%;
	background-color: #eee;
	float: left;
	text-align: right;
	line-height: 45px;
	font-weight: bold;
	color: #777;
	font-size: 14px;
	padding-left: 6px;
	padding-right: 10px;
}

.selectorbar .option {
	float: left;
	/* background-color: indigo; */
	height: 100%;
	width: calc(100% - 150px);
}

.selectorbar .option ul {
	display: flex;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

.selectorbar .option ul li {
	/* height: ; */
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 30px;
	/* background-color: hotpink; */
	float: left;
	list-style-type: none;
	line-height: 29px;

}

.selectorbar .option ul li:hover {
	background-color: lightgrey;
}

.selectorbar .option ul li a {
	/* width: 100%; */
	height: 100%;
	display: block;
	/* background-color: lawngreen; */
	text-decoration: none;
	color: #777;
	font-size: 17px;

}

/* header中导航栏的高度设置 */
div#bs-example-navbar-collapse-1 {
	height: 100%;
}

ul.nav.navbar-nav.navbar-right {
	height: 100%;
}

ul.nav.navbar-nav.navbar-right li {
	height: 100%;
}

ul.nav.navbar-nav.navbar-right li a.active {
	height: 100%;
	line-height: 12px;
}

.products-leul p.hiddenOnPhone {
	margin: 10px auto;
	width: fit-content;
	font-size: 20px;
	/* width: 200px; */
}

/* 模式选择框 */
.modelchange {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

nav.turnpage {
	background-color: white;
	/* padding: 10px; */
}

/* 列表模式展览 */
.banner img {
	width: 100%;
	z-index: -1;
	/* position: absolute; */
}

@media (min-width: 721px) {
	nav.navbar {
		display: none;
	}

	.header-blank {
		display: none;
	}

	.products-yemian {
		position: relative;
		top: -72px;
	}

	.mainbody.col-md-12 {
		position: relative;
		top: -72px;
	}

	.container>.row {
		box-shadow: 5px -5px 4px rgb(100 100 100 / 20%);
	}

	.mainbody.col-md-12 {
		box-shadow: 5px -5px 4px rgb(100 100 100 / 20%);
	}
}

.footer-button .container p {
	/* text-indent: -68px; */
}

@media (max-width: 720px) {
	.banner {
		display: none;
	}

	.footer-button .container p {
		text-indent: 0px;
	}

	footer .footer-button {
		padding-left: 0 !important;
	}


}

#modelchangesearch {
	display: flex;
}

footer .fixed-login {
	position: fixed;
	display: flex;
	width: 60px;
	padding-bottom: 20px;
	bottom: 0px;
}

footer .fixed-login a {
	box-shadow: 5px 5px 3px rgb(66 139 202 / 55%);
	display: block;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 5px 0 ;
	font-size: 22px;
	font-weight: bolder;
	background-color: rgb(244 227 203 / 80%);
	transition: all 0.6s;
}
footer .fixed-login a:hover{
	transform: scale(1.12);
	box-shadow: 11px 11px 10px rgb(66 139 202 / 25%);
	background-color: rgb(244 227 203);
}
@media (min-width:1300px){
	a#float-login{
		display: none;
	}
}
@media (max-width: 1300px){
	footer .fixed-login{
		display: none;
	}
}

.products-yemian .products-leul ul li a.prov_href {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.products-yemian .products-leul ul li a.prov_href span.prov-bwg-counting {
		font-weight: bolder;
		color: #87b8df;
}